<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>留言板</title>
    <link rel="stylesheet" href="index.css">
    <script src="jquery.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script src="index.js"></script>
    <script>
        $(function() {
            $( "#container" ).draggable();
        });
    </script>
</head>
<body>
<!-----------------------------------留言模块--------------------------------->
<div id="container">
    <div class="titiles">
        留言板
    </div>
    <a href="javascript:;"  id="close">X</a>
    <div id="contain">
        <div class="name">
            <span class="name1">昵称：</span>
            <input type="text" class="namem">
        </div>
        <div class="message">
            <span class="message1">请输入您要留言的内容：</span>
            <textarea class="message2"></textarea>
        </div>
        <a href="javascript:;" class="send">发布留言</a>
        <a href="javascript:;" class="cancel">取消发布</a>
    </div>
</div>



<!-------------------------------页面原有留言---------------------------->
<div id="main">
    <div id="title">
        <p>留</p>
        <p>言</p>
        <p>版</p>
    </div>

        <div class="first">
            <div class="name">
                <span class="name1">昵称：</span>
                <span class="name2">11111</span>
            </div>
            <div class="message">
                <span class="message1">留言内容：</span>
                <span class="message2">朋友搭飞机，超级无聊的靠着窗，一下下的敲着机舱，后面一个小孩气愤的大声说：“妈妈，那个哥哥在打飞机！”周围人掩嘴爆笑那朋友跳机的决心都有了。</span>
            </div>
        </div>
        <div class="first">
            <div class="name">
                <span class="name1">昵称：</span>
                <span class="name2">22222</span>
            </div>
            <div class="message">
                <span class="message1">留言内容：</span>
                <span class="message2">有时候，放弃一些东西才能得到一些什么，得到了以后又想再得到放弃的那些。</span>
            </div>
        </div>
        <div class="first">
            <div class="name">
                <span class="name1">昵称：</span>
                <span class="name2">333333</span>
            </div>
            <div class="message">
                <span class="message1">留言内容：</span>
                <span class="message2">或者你全部听我的。或者我全部听你的。这是两个人之间相处的唯一原则。</span>
            </div>
        </div>
        <div class="first">
            <div class="name">
                <span class="name1">昵称：</span>
                <span class="name2">44444</span>
            </div>
            <div class="message">
                <span class="message1">留言内容：</span>
                <span class="message2">我一路向北，离开有你的季节，你说你好累，已无法再爱上谁。风在山路吹，过往的画面全都是我不对，细数惭愧，我伤你几回。</span>
            </div>
        </div>
    <div class="me"></div>
    <a href="javascript:;" id="metoo">
        我也要发布
    </a>
</div>
</body>
</html>